.content {
  max-width: 740px;
  margin: 0 auto 1rem;
  overflow: hidden;
  width: 100%;
}

.content iframe {
    width: 100%;
}

.content > div:first-child iframe {
  margin-top: 2.6rem;
}

.content h2 {
    border-bottom: 1px solid var(--color-gray-1);
}

.content h2,
.content h3 {
  font-weight: 400 !important;
}

.content h4 {
  font-weight: 600 !important;
  border-bottom: none !important;
  margin-bottom: 0.5rem !important;
}

.content p {
    margin: 0 0 1rem;
    line-height: 1.7;
}

.content a {
    color: var(--color-accent);
    text-decoration: underline;
}

.content a:hover {
    opacity: 0.7;
}

.content pre {
  margin: 0 0 1rem;
}

.content pre code {
  background: none;
}

.content code {
    padding: 0.1em 0.4em;
    border-radius: 3px;
    background: var(--color-gray-1);
    font-size: 0.9em;
    /*white-space: nowrap;*/
}

.content pre code {
    white-space: pre;
}

.content img {
    max-width: 100%;
}

.content li {
    margin: 0.2rem 0;
    line-height: 1.7;
}

.content blockquote {
    margin: 2rem 0;
    padding: 0.5rem 0 0.5rem 1.5rem;
    border-left: 6px solid var(--color-accent);
}

.content blockquote p {
    margin: 0;
}
